:root {
  --neutrals-gray-200: #d0d1d3;
  --neutrals-gray-300: #b9babe;
  --neutrals-gray-400: #8b8d92;
  --neutrals-gray-600: #555963;
  --neutrals-gray-700: #3b404e;
  --neutrals-gray-800: #262b37;
  --neutrals-gray-900: #161a25;

  /* Old Color scheme but new tokens */
  --text-light: #b0b0b5b3;
  --surface-0: #1b1b1b;
  --surface-3: var(--neutrals-gray-600);
  --background: #1b1b1b;

  /* old tokens */
  --text-gray: var(--text-light);
  --text-dark-gray: var(--text-light);
  --gray-dark: #3b3b3b;
  --gray-light: var(--text-light);
  --border: #4f5053;
  --border-dark: #303030;
  --danger-rgb: 252, 95, 95;
  --link-color: #3ba0ff;
  --background-dark: var(--background);
  --component-header-background: #2d2d2d;
  --dropdown-active-border-color: #0361ff;
  --input-hover-border-color: #2051b4;
  --input-focus-border-color: #1e69ff;
  --input-focus-box-shadow: 0 0 0 2px rgb(30 105 255 / 20%);

  /* utils */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;

  /* shadows */
  --input-box-shadow: inset 0px -1px 2px #4f5154, inset 0px 0px 4px rgba(0, 0, 0, 0.15);
}
